<template>
	<div ref='block' class='_block' :style='{width:length,height:length,"flex-shrink":this["flex-shrink"]}'>
		<slot></slot>
	</div>
</template>

<script>
	export default {
		props: {
			length: {
				type: String,
				default: '100%'
			}
		},
		data: function() {
			return {
				'flex-shrink': 0,
				run: false
			}
		},
		methods:{
			getOrDefault(mapper,value){
				if(mapper[value]==null)
					return value;
				else return mapper[value];
			},
			getWrap(wrap,rwrap){
				if(wrap)
					return 'wrap';
				else if(rwrap)
					return 'wrap-reverse';
				else 'nowrap';
			}
		}
	}
</script>

<style>
	._hiv>._block{
		height:0% !important;
	}
	._viv>._block{
		width:0% !important;
	}
</style>
